/*
* 用于用户的个人中心的数据加载，包括用户信息的加载，页面置换，以及一些点击的情况
* @time: 2019/1/24
* @author: cjn
* */

$(document).ready(function () {
    $.ajaxSetup({
        headers: {"X-CSRFToken": csrf_token}
    });

    $('[data-toggle="buttons"] .btn').on('click', function () {
        var target = $(this).find('input[type=radio]');
        var which = parseInt(target.val());  // 标号，因为后面的赋值为user-profile-2
        $(".user-profile").parent().addClass("hide");  // 将父div的class赋值为"hide"
        $("#user-profile-" + which).parent().removeClass("hide");  // 将父div的class中hide属性删掉
    });

    $.ajax({
        url: "/users/profile_json/",
        type: "GET",
        dataType: "json",
        data: {},
        success: function (profile) {
            // 填写用户信息
            write_profile(profile);
        },
        error: function(jqXHR, textStatus, errorThrown){
            // alert("chen");
            console.log(errorThrown);
        }
    });

});


// 接收用户的个人信息进行打印
function write_profile(profile) {
    var profile_user_info = $(".profile-user-info");
    profile_user_info.empty();
    var profile_image = $(".profile-picture #avatar");  // 用户头像的照片
    var profile_username = $(".inline .white");  // 用户名信息
    profile_username.empty();

    // 遍历字典
    for (var key in profile) {
        if (key === "image") {
            var image = profile["image"];  // 用户头像的路径
            profile_image.attr("src", "../../static/" + image);
        } else {
            if (key === "username") {
                profile_username.append(profile[key])
            }
            profile_user_info.append("<div class='profile-info-row'>" +
            "<div class='profile-info-name'>" + key + "</div>" +
            "<div class='profile-info-value'>" + "<span id='" +
            key + "'>" + profile[key] + "</span>" + "</div>" + "</div>");
        }
    }
}


// 传送用户信息修改的表单进行信息修改
function user_profile_edit() {
    var user_info_form = $(".form-horizontal");  // 表单信息，这里提交的有用户信息的填写以及密码的修改
    // var old_password = $("#form-field-pass1").val();
    // var new_password = $("#form-field-pass2").val();
    // var rept_new_password = $("#form-field-pass3").val();
    console.log(user_info_form);

    $.ajaxSetup({
        headers: {"X-CSRFToken": csrf_token}
    });

    $.ajax({
        url: "/users/edit/",
        type: "POST",
        data: user_info_form.serialize(),
        success: function (profile) {
            // 填写用户信息
            console.log(profile);
            // write_profile(profile);
        },
        error: function(jqXHR, textStatus, errorThrown){
            // alert("chen");
            console.log(errorThrown)
        }
    });
}